<template>
  <div>
    <el-table
        :data="tableData"
        stripe
        style="width: 100%">
      <el-table-column
          prop="site_name"
          label="站点名称"
      >
      </el-table-column>
      <el-table-column
          prop="warning_log"
          label="预警日志"
          width="360"
      >
      </el-table-column>
      <el-table-column
          prop="warning_time"
          label="预警时间"
      >
      </el-table-column>
      <el-table-column
          prop="process_mode"
          label="处理方式"
      >
      </el-table-column>
      <el-table-column
          prop="processor"
          label="处理人"
      >
      </el-table-column>
      <el-table-column
          prop="process_time"
          label="处理时间"
      >
      </el-table-column>
      <el-table-column
          prop="note"
          label="备注"
      >
      </el-table-column>
    </el-table>
    <el-row type="flex" justify="end">
      <el-col :span="10">
        <el-pagination
            background
            layout="prev, pager, next, jumper"
            :total="2150">
        </el-pagination>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "WaterQualityAndQuantity",
  data() {
    return {
      tableData: [
        {
          site_name: 'SZSL-01',
          warning_log:'暂无数据',
          warning_time:'暂无数据',
          process_mode:'暂无数据',
          processor:'暂无数据',
          process_time:'暂无数据',
          note:'',
        },
        // {
        //   site_name: 'SZSL-02',
        //   warning_log:'相对位移警告，十秒内位移：83.1mm',
        //   warning_time:'2020-07-19 05:23:56',
        //   process_mode:'',
        //   processor:'',
        //   process_time:'',
        //   note:'',
        // },
        // {
        //   site_name: 'SZSL-03',
        //   warning_log:'相对位移警告，十秒内位移：44.7mm',
        //   warning_time:'2020-07-19 05:23:56',
        //   process_mode:'数据恢复正常',
        //   processor:'ceshi01',
        //   process_time:'2020-09-11 16:47:03',
        //   note:'',
        // },
        // {
        //   site_name: 'SZSL-04',
        //   warning_log:'相对位移警告，十秒内位移：78.2mm',
        //   warning_time:'2020-07-17 05:00:16',
        //   process_mode:'',
        //   processor:'',
        //   process_time:'',
        //   note:'',
        // },
        // {
        //   site_name: 'SZSL-05',
        //   warning_log:'相对位移警告，十秒内位移：51.6mm',
        //   warning_time:'2020-07-17 05:00:16',
        //   process_mode:'数据恢复正常',
        //   processor:'ceshi01',
        //   process_time:'2020-07-19 00:48:45',
        //   note:'',
        // },
        // {
        //   site_name: 'SZSL-06',
        //   warning_log:'相对位移警告，十秒内位移：77.2mm',
        //   warning_time:'2020-07-09 17:37:59',
        //   process_mode:'',
        //   processor:'',
        //   process_time:'',
        //   note:'',
        // },
        // {
        //   site_name: 'SZSL-07',
        //   warning_log:'相对位移警告，十秒内位移：79.2mm',
        //   warning_time:'2020-07-09 17:37:59',
        //   process_mode:'数据恢复正常',
        //   processor:'kebo',
        //   process_time:'2020-07-16 10:48:35',
        //   note:'',
        // },
        //
        // {
        //   site_name: 'SZSL-08',
        //   warning_log:'相对位移警告，十秒内位移：99.1mm',
        //   warning_time:'2020-07-07 13:07:19',
        //   process_mode:'',
        //   processor:'',
        //   process_time:'',
        //   note:'',
        // },
        // {
        //   site_name: 'SZSL-09',
        //   warning_log:'相对位移警告，十秒内位移：56.6mm',
        //   warning_time:'2020-07-07 13:07:19',
        //   process_mode:'数据恢复正常',
        //   processor:'kebo',
        //   process_time:'2020-07-09 17:14:31',
        //   note:'',
        // },
        // {
        //   site_name: 'SZSL-10',
        //   warning_log:'相对位移警告，十秒内位移：59.1mm',
        //   warning_time:'2020-04-17 06:28:49',
        //   process_mode:'',
        //   processor:'',
        //   process_time:'',
        //   note:'',
        // },


      ]
    }
  }
}
</script>

<style scoped>
.content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 87vh;
  margin-right: 5px;
}
</style>